
var flag = 0;
$(".icon").on('click', function () {
    if(flag == 0){
    $("#left").animate({'width':'20px'},600)
    $(".right").animate({"width":"1498px"},600)
    $("#span").hide()
    $(this).addClass("layui-icon-next");
    $(this).removeClass("layui-icon-prev");
    flag = 1;
    }else{
     $("#left").animate({'width':'200px'},600)
     $(".right").animate({"width":"1318px"},600)
     $("#span").show()
     $(this).addClass("layui-icon-prev");
     $(this).removeClass("layui-icon-next");
     flag = 0;
    }
}); 

// 修改密码
$("#update").click(function(){
    $('#exampleModal').on('show.bs.modal', function (event) {
    var button = $(event.relatedTarget) 
    var recipient = button.data('whatever') 
    var modal = $(this)
    modal.find('.modal-title').text('修改密码 ' + recipient)
    modal.find('.modal-body input').val(recipient)
 })
})

// 内容置空
$("#val").click(function(){
    $("input").val("");
})


// 点击首页内容跳回
$("#home").click(function(){
   $("#right-bottom").load('jumpTgLineLoss.html')
})
//超链接跳转页面跳转内容一
$("#content-One").click(function(){
   $("#right-bottom").load('jumpTgLineLoss.html')
});

// 超链接跳转页面内容二
$("#content-Two").click(function(){
    $("#right-bottom").load('orgReport.html')
})

// 超链接跳转页面内容三
$("#content-Three").click(function(){
    $("#right-bottom").load('selectMonitoringTg.html')
})

// 超链接跳转页面内容四
$("#content-Fove").click(function(){
    $("#right-bottom").load('relation.html')
})

// 超链接跳转内容五
$("#content-Five").click(function(){
    $("#right-bottom").load('show.html')
})

// 超链接跳转内容六
$("#content-Six").click(function(){
    $("#right-bottom").load('selectTgOrg.html')
})

// 超链接跳转内容七
$("#content-Seven").click(function(){
    $("#right-bottom").load('update.html')
})
 
// 获取当前的li添加到指定的div中
// 第一个子li
$(document).ready(function(){
$(".dropdown-menu1").click(function(){
$('.conents').html($(this).html());
$(".conents").addClass("conentes");
});
});

// 第二个子li
$(document).ready(function(){
   $(".dropdown-menu2").click(function(){
   $('.conents1').html($(this).html());
   $(".conents1").addClass("conentes");

});
});
//第三个子li
$(document).ready(function(){
   $(".dropdown-menu3").click(function(){
   $('.conents2').html($(this).html());
   $(".conents2").addClass("conentes");


});
});
// 第四个子li
$(document).ready(function(){
   $(".dropdown-menu4").click(function(){
   $('.conents3').html($(this).html());
   $(".conents3").addClass("conentes");

});
});

// 第五个li
$(document).ready(function(){
   $(".dropdown-menu5").click(function(){
   $('.conents4').html($(this).html());
   $(".conents4").addClass("conentes");

});
});

// 第六个li
$(document).ready(function(){
   $(".dropdown-menu6").click(function(){
   $('.conents5').html($(this).html());
   $(".conents5").addClass("conentes");
});
});

// 第七个li
$(document).ready(function(){
   $(".dropdown-menu7").click(function(){
   $('.conents6').html($(this).html());
   $(".conents6").addClass("conentes");

});
});

// 子li的跳转
$(".conents").click(function(){
$("#right-bottom").load('jumpTgLineLoss.html')
})

$(".conents1").click(function(){
$("#right-bottom").load('orgReport.html')
})

$(".conents2").click(function(){
$("#right-bottom").load('selectMonitoringTg.html')
})

$(".conents3").click(function(){
$("#right-bottom").load('relation.html')
})

$(".conents4").click(function(){
$("#right-bottom").load('show.html')
})

$(".conents5").click(function(){
$("#right-bottom").load('selectTgOrg.html')
})

$(".conents6").click(function(){
$("#right-bottom").load('update.html')
})

//移除元素
// $(".one").click(function(){
//    $(".conents").remove()
// })



